// pages/news-detail/news-detail.js
//对应页.js
var WxParse = require('../../wxParse/wxParse.js');
const throttle = require('../../utils/throttle.js')
var app = getApp()

Page({
  /**
   * 页面的初始数据
   */
  data: {
    articleid: '', //文章id
    footerShow: true, //底部样式变化 true为普通样式  false为滑动后样式
    postHidden: false, //生成海报弹窗
    titleHeight: '', //新闻标题摘要高度(滑动切换底部效果使用)
    contentHeight: '', //获取富文本距离顶部高度
    windowHeight: '', //获取设备高度
    detailInfor: '',  //新闻数据
    finishImg: '',  //canvas绘制完成 生成临时路径
    randomApp: '', //随机显示小程序
    randomImg_icon: '', //随机小程序对应图标
    comeIndex: '', //进入详情页后文章对应的下标
    isIphoneX: '',  //是否为iPhoneX
    $index: '',  //判断第50条数据
    fifTity: true, //如果为第五十条数据 下一条按钮隐藏
    shareShowImg: false, //判断分享图片canvas是否执行完毕,是则显示底部样式 否则不显示
  },
  /**
   * 生命周期函数--监听页面加载
   */
  // 请求接口获取二维码   有scene参数 走扫码逻辑 无 拼接参数
  createPostImg: function() {
    var that = this;
    wx.request({
      url: 'https://www.cn-healthcare.com/freezingapi/api/article/rebangCode?page=' + encodeURIComponent('pages/news-detail/news-detail') + '&scene=' + encodeURIComponent('article_id='+that.data.articleid+'&page='+ that.data.comeIndex),
      // url: 'https://www.cn-healthcare.com/freezingapi/api/article/rebangCode',
      method: 'get',
      dataType: 'json',
      header: {
        "Content-Type": "application/x-www-form-urlencoded",
      },
      success: function(res) {
        console.log('二维码' + res.data.data.url) //服务器返回的带参数的小程序码地址
        wx.getImageInfo({
          src: res.data.data.url, //服务器返回的带参数的小程序码地址
          success: function(res) {
            //res.path是网络图片的本地地址
            let qrCodePath = res.path;
            wx.setStorageSync('postImg', qrCodePath)  //存储二维码本地地址
          },
          fail: function(res) {
            //失败回调
          }
        });

      }
    })
  },
  onLoad: function(options) {
    console.log(options)
    var that = this;
    let isIphoneX = app.globalData.isIphoneX;  //检测iPhoneX
    if (isIphoneX) {
      that.setData({
        isIphoneX: isIphoneX
      })
    }
    //扫码进入详情页参数获取
    let scene = decodeURIComponent(options.scene)
    console.log('扫码进入详情页参数'+scene)
    // 小程序码返回的参数存在，走扫码进入逻辑
    var articleId = "";//文章id
    var pageNum = 0;//热榜页码
    if (scene && scene != 'undefined') { //如果有scene 
      let options2 = {}
      let array = scene.split('&')
      //解析赋值
      array.forEach(function (ele, idx) {
        let index = ele.indexOf('=')
        let key = ele.slice(0, index)
        let value = ele.substr(index + 1)
        options2[key] = value;
      })
      //文章页面初始化参数
      console.log('扫码进入详情页参数文章id' + options2.article_id)
      console.log('扫码进入详情页参数文章下标' + options2.page)
      wx.setStorageSync('articleid', options2.article_id); //扫码获取到的文章id
      articleId = options2.article_id;                     //赋值
      if (options2.page) {
        wx.setStorageSync('comeIndex', options2.page);     //扫码得到的下标值
        pageNum = options2.page;                           //赋值
      }
    } else {                                              //非扫码进入逻辑 存储当前文章id和下标 并赋值
      wx.setStorageSync('comeIndex', options.page)             
      wx.setStorageSync('articleid', options.article_id)
      articleId = options.article_id;
      pageNum = options.page;
    }
    //赋值页面加载时的文章id 和 下标
    that.data.comeIndex = parseInt(wx.getStorageSync('comeIndex')) 
    that.data.articleid = wx.getStorageSync('articleid')

   console.log("调用生成二维码");
    that.createPostImg()
  //  随机跳转小程序
    var randomAppArr = new Array("健康界商城", "友会");
    var randomApp;
    var randoms = randomAppArr[parseInt(Math.random() * (randomAppArr.length))];
    var randomApp = randoms;

    if (randomApp == '友会') {
      console.log('跳转友会')
      that.setData({
        randomApp: '友会',
        randomImg_icon: '../img/icon_xq_2youhui@2x.png'
      })
    } else if (randomApp == '健康界商城') {
      console.log('跳转健康界商城')
      that.setData({
        randomApp: '健康界商城',
        randomImg_icon: '../img/icon_xq_1shop@2x.png'
      })
    }
    console.log(that.data.randomApp) //随机跳转的小程序
    // 如果当前下标为50 下一条按钮消失 底部样式照常变化
    if (options.page == '50') {
      that.setData({
        footerShow: true,
        fifTity: false
      })
    } else {
      console.log('footer2')
      that.setData({
        footerShow: true
      })
    }
    // 日志打印
    var memCard = wx.getStorageSync('memcard');
    var logId = wx.getStorageSync('logId')
    console.log(memCard)
    if (memCard) {
      wx.request({
        url: 'https://www.cn-healthcare.com/freezingapi/log/send',
        data: {
          "plat": 'xcx',
          "oprType": 'read',
          "objType": 'article',
          "objId": logId,
          "memCard": memCard,
        },
        method: 'post',
        dataType: 'json',
        header: {
          "Content-Type": 'application/x-www-form-urlencoded'
        },
        success: function(res) {
          console.log('详情页日志打印' + JSON.stringify(res))
        }
      })
    }
    // 请求详情页数据
    wx.request({
      url: app.globalData.requestUrl + 'article/rebangIndexInfor?articleid=' + articleId + '&page=' + pageNum,
      method: 'get',
      dataType: 'json',
      header: {
        "Content-Type": 'application/x-www-form-urlencoded'
      },
      success: function(res) {
        console.log(res.data)
        console.log(res.data.data.id)
        wx.setStorageSync('logId', res.data.data.id)
        that.setData({
          detailInfor: res.data.data, //赋值
        })
        WxParse.wxParse('article', 'html', res.data.data.body, that, 15);//解析富文本body内容
        const ctx = wx.createCanvasContext('myCanvas2'); //创建canvas对象(分享图片的)
        ctx.fillStyle = "#ffffff";                       //填充背景色  
        ctx.fillRect(0, 0, 240, 400);                    //填充位置范围大小
        ctx.setFontSize(18);                             //文字字体大小    
        ctx.setFillStyle('#fff');                        //文字颜色
        var text = app.convertHtmlToText(res.data.data.body); //这是要绘制的文本2 
        text = text.replace(/[\r\n]/g, "");               //去除换行符
        text = text.replace(/&nbsp;/ig, "");              //去除空格符  
        console.log(typeof(text))                         
        // console.log(text)  
        var chr = text.split("").splice(0, 240); //这个方法是将一个字符串分割成字符串数组 
        // console.log(chr)
        var temp = "";
        var row2 = [];
        ctx.setFontSize(10) //字体大小
        ctx.setFillStyle("#333333") //分享图片文字颜色
        for (var a = 0; a < chr.length; a++) {   //循环遍历切割后的字符串数组
          var ctxWidth = ctx.measureText(temp).width   //测量每行字节长度
          if (ctxWidth < 202) { //每行超过202个字节就换行
            temp += chr[a];     //每行字节依次添加
          } else {
            a--;               //这里添加了a-- 是为了防止字符丢失，效果图中有对比 
            row2.push(temp);   //每行推进测量好的字符
            temp = "";         //没有字节添加则为空
          }
        }
        // console.log(temp)  //temp 为要添加的新字段
        row2.push(temp);   //row2 为添加完的字段
        console.log(row2.length, '999999999999999999999999')
        //如果数组长度大于10 则截取前10个   
        if (row2.length > 10) {    //row2.length表示一共多少行
          var rowCut = row2.slice(0, 10);  //截取前10行
          // console.log(rowCut[9])   
          var rowPart2 = rowCut[9]; //第十行结尾内容
          var test = "";
          var empty = [];
          for (var a = 0; a < rowPart2.length; a++) { //循环遍历第十行的数据 方法思路同上
            var ctxTextWidth = ctx.measureText(test).width 
            if (ctx.measureText(test).width < 202) {
              test += rowPart2[a];
            } else {
              break;
            }
          }
          empty.push(test); //第十行数据
          // console.log(empty)
          var group = empty[0] + "..." //这里只显示10行，超出的用...表示   
          rowCut.splice(9, 1, group); //第十行的最后一个字节替换为省略号
          row2 = rowCut;
        }
        for (var b = 0; b < row2.length; b++) { //绘制每一行数据 
          ctx.fillText(row2[b], 12, 10 + b * 16, 328); //12左边距 16行间距 328每行的宽度
        }
        ctx.draw() //绘制canvas
        // console.log('222222222222222222222222222222222222')
        wx.removeStorageSync('shareImgSrc')     //移除缓存的分享图片 
        setTimeout(function() {                //因为生成canvas临死路径为异步操作 所以延迟500毫秒执行
          wx.canvasToTempFilePath({
            canvasId: 'myCanvas2',
            success: function(res) {
              wx.setStorageSync('shareImgSrc', res.tempFilePath)
              // console.log(res, '11111111111111111111111111111')
              that.setData({
                shareShowImg: true               //canvas绘制完成生成临时路径 底部导航显示
              })
              
            },
            fail: function(res) {
              console.log('666666666666666666666666666666666666', res)
            }
          })
        }, 500)
      }
    })
    // 请求详情接口
    //  获取设备高度
    wx.getSystemInfo({
      success: function(res) {
        that.setData({
          windowHeight: res.screenHeight
        })
      },
    })
    let query = wx.createSelectorQuery();
    // 获取标题元素高度
    query.select('.newsPragrams').boundingClientRect(function(rect) {
      // console.log('标题元素高度'+rect.height)
      that.setData({
        titleHeight: rect.height
      })
    }).exec();
    // 获取富文本距离顶部高度
    query.select('.rich_text').boundingClientRect(function(rect) {
      // console.log('富文本距离上'+rect.top)
      // console.log('rich_text信息' + JSON.stringify(rect))
      // console.log('富文本自身高'+rect.height)
      that.setData({
        contentHeight: rect.top
      })
    }).exec();

    // html body信息
    query.select('.container').boundingClientRect(function(rect) {
      console.log('body高度' + JSON.stringify(rect))
    }).exec();
  },
  // 点击请求下一条
  nextInfor: throttle.throttle(function(e) {
    console.log(e)
    wx.pageScrollTo({   //置顶
      scrollTop: 0,
    })
    var that = this;
    that.setData({
      shareShowImg: false  //点击下一条 底部暂时不显示
    })

    // 随机显示小程序
    var randomAppArr = new Array("健康界商城", "友会");
    var randomApp;
    var randoms = randomAppArr[parseInt(Math.random() * (randomAppArr.length))];
    var randomApp = randoms;
   if (randomApp == '友会') {
      console.log('跳转友会')
      that.setData({
        randomApp: '友会',
        randomImg_icon: '../img/icon_xq_2youhui@2x.png'
      })
    } else if (randomApp == '健康界商城') {
      console.log('跳转健康界商城')
      that.setData({
        randomApp: '健康界商城',
        randomImg_icon: '../img/icon_xq_1shop@2x.png'
      })
    }
  
    // 点击下一条后下标+1
    that.data.comeIndex = parseInt(wx.getStorageSync('comeIndex')) + 1
   // 点击下一条后的文章id 
    that.data.articleid = wx.getStorageSync('articleid')
    // 存储当前文章id 和 下标
    wx.setStorageSync('comeIndex', that.data.comeIndex)
    console.log(wx.getStorageSync('comeIndex'),'33333333333333333333333333')
    wx.setStorageSync('articleid', that.data.articleid)
    that.createPostImg(); //重新调用生成二维码接口
   
    if (that.data.comeIndex == '50') {  // 如果进入页面下标为50 
      that.setData({
        footerShow: true,               //为普通样式 下一条消失
        fifTity: false
      })
    } else {
      console.log('footer2')
      that.setData({
        footerShow: false            
      })
    }
    // 根据点击下一条后的id 和 下标重新请求接口
    wx.request({
      url: app.globalData.requestUrl + 'article/rebangIndexInfor?articleid=' + that.data.articleid + '&page=' + that.data.comeIndex,
      method: 'get',
      dataType: 'json',
      header: {
        "Content-Type": 'application/x-www-form-urlencoded'
      },
      success: function(res) {
        console.log(res.data.data.id)
        wx.setStorageSync('nextLogId', res.data.data.id)
        // console.log(res.data.data.body.length)
        that.setData({
          detailInfor: res.data.data,
        })
        WxParse.wxParse('article', 'html', res.data.data.body, that, 15);
        // 点击下一条后重新绘制分享图片
        const ctx = wx.createCanvasContext('myCanvas2');
        ctx.fillStyle = "#ffffff";
        ctx.fillRect(0, 0, 240, 400);
        ctx.setFontSize(18);
        ctx.setFillStyle('#fff');
        var text = app.convertHtmlToText(res.data.data.body); //这是要绘制的文本2 
        // console.log(that.data.detailInfor.body)
        text = text.replace(/[\r\n]/g, "");
        text = text.replace(/&nbsp;/ig, "");
        console.log(typeof(text))
        // console.log(text)  
        var chr = text.split("").splice(0, 240); //这个方法是将一个字符串分割成字符串数组 
        // console.log(chr)
        var temp = "";

        var row2 = [];

        ctx.setFontSize(10) //字体大小

        ctx.setFillStyle("#333333")

        for (var a = 0; a < chr.length; a++) {
          var ctxWidth = ctx.measureText(temp).width
          if (ctxWidth < 202) { //每行超过230个字节就换行
            temp += chr[a];

          } else {

            a--; //这里添加了a-- 是为了防止字符丢失，效果图中有对比 
            row2.push(temp);

            temp = "";

          }

        }
        row2.push(temp);

        //如果数组长度大于8 则截取前8个   
        if (row2.length > 10) {

          var rowCut = row2.slice(0, 10);

          var rowPart2 = rowCut[9];

          var test = "";

          var empty = [];

          for (var a = 0; a < rowPart2.length; a++) {
            var ctxTextWidth = ctx.measureText(test).width
            if (ctx.measureText(test).width < 202) {
              test += rowPart2[a];
            } else {
              break;
            }
          }
          empty.push(test);

          var group = empty[0] + "..." //这里只显示两行，超出的用...表示   

          rowCut.splice(9, 1, group);
          row2 = rowCut;
        }
        for (var b = 0; b < row2.length; b++) {
          ctx.fillText(row2[b], 12, 10 + b * 16, 328); //10左边距 15行间距 100每行的宽度
        }

        ctx.draw()
        wx.removeStorageSync('shareImgSrc')
        wx.canvasToTempFilePath({

          canvasId: 'myCanvas2',

          success: function(res) {

            that.setData({
              shareShowImg: true
            })

            wx.setStorageSync('shareImgSrc', res.tempFilePath)

            //调取小程序当中获取图片

            console.log(res.tempFilePath);
          },

          fail: function(res) {

            console.log(res)

          }

        })
      }
    })
    //记录访问日志
    var memCard = wx.getStorageSync('memcard');
    var nextLogId = wx.getStorageSync('nextLogId')
    console.log(memCard)
    if (memCard) {
      wx.request({
        url: 'https://www.cn-healthcare.com/freezingapi/log/send',
        data: {
          "plat": 'xcx',
          "oprType": 'read',
          "objType": 'article',
          "objId": nextLogId,
          "memCard": memCard,
        },
        method: 'post',
        dataType: 'json',
        header: {
          "Content-Type": 'application/x-www-form-urlencoded'
        },
        success: function (res) {
          console.log('点击下一条详情页日志打印' + JSON.stringify(res))
        }
      })
    }
  }, 1000),
  // 点击随机跳转
  randomAppClick: throttle.throttle(function(e) {
    console.log(e.target.dataset.url)
    var randomUrl = e.target.dataset.url
    if (randomUrl == '友会') {
      console.log('跳转友会')
      wx.navigateToMiniProgram({
        appId: 'wx303844c15fef0624',
        path: 'pages/index/index',
        extraData: {
          foo: 'bar'
        },
        envVersion: 'release',
        success(res) {
          // 打开成功
          console.log(res)
        }
      })
    } else if (randomUrl == '健康界商城') {
      console.log('跳转健康界商城')
      wx.navigateToMiniProgram({
        appId: 'wx9c21a478555db29c',
        path: 'pages/home/dashboard/index',
        extraData: {
          foo: 'bar'
        },
        envVersion: 'release',
        success(res) {
          // 打开成功
          console.log(res)
        }
      })
    }
  }, 1000),

  // 点击随机跳转

  // 获取滚动条当前位置 底部样式变换
  onPageScroll: function(e) {
    let scrollTop = e.scrollTop;
    let totleHeight = parseInt(this.data.titleHeight + this.data.contentHeight / 6);
    // console.log('scrollTop:' + scrollTop)
    if (scrollTop > totleHeight) {
      if (this.data.$index == '50') {
        this.setData({
          footerShow: false,
          fifTity: false
        })
      } else {
        console.log('footer2')
        this.setData({
          footerShow: false
        })
      }

    } else {
      console.log('footer1')
      this.setData({
        footerShow: true
      })
    }
  },

  // 生成海报
  GeneratingPoster: throttle.throttle(function(e) {
    var that = this;
    //  弹窗显示
    this.setData({
      postHidden: true,
    })
    // 提示loading
    wx.showToast({
      title: '生成中...',
      icon: 'loading',
      duration: 1000
    });
    // 创建canvas对象 此处canvas为生成海报的
    const ctx = wx.createCanvasContext('myCanvas');
  // 左侧二维码
    var basicprofile;
    if (wx.getStorageSync('postImg')) {
      basicprofile = wx.getStorageSync('postImg');
    } else {
      that.createPostImg()
    }
      // 标题图片 (随机生成8张图片的一张)
    var str = new Array("../img/bgimage1.png", "../img/bgimage2.png", "../img/bgimage3.png", "../img/bgimage4.png", "../img/bgimage5.png", "../img/bgimage6.png", "../img/bgimage7.png", "../img/bgimage8.png");
    var randomImg;
    randomImg = str[parseInt(Math.random() * (str.length))];
    //填充背景色
    ctx.setFillStyle('#ffffff');
    // 绘制矩形 如有圆角需要　改变最后０的大小
    that.roundRect(ctx, 0, 0, 240, 400, 0)
    ctx.setFillStyle('#ffffff');
    //绘制标题图片  产品图边距和大小
    ctx.drawImage(randomImg, 0, 0, 240, 122);
    // 绘制二维码图片
    ctx.drawImage(basicprofile, 36, 325, 58, 58);
    //绘制标题
    ctx.setFontSize(18);
    ctx.setFillStyle('#fff');
    var text1 = app.convertHtmlToText(that.data.detailInfor.title); //这是要绘制的文本 
    // console.log(text1) 
    var chrs = text1.split(""); //这个方法是将一个字符串分割成字符串数组 
    var temp1 = "";
    var row = [];
    ctx.setFontSize(14) //字体大小
    ctx.setFillStyle("#fff")
    for (var a = 0; a < chrs.length; a++) {
      var ctxtextWidth = ctx.measureText(temp1).width
      if (ctxtextWidth < 206) { //每行超过230个字节就换行
        temp1 += chrs[a];
        // console.log(temp1)
      } else {
        a--; //这里添加了a-- 是为了防止字符丢失，效果图中有对比 
        row.push(temp1);
        temp1 = "";
      }
    }
    row.push(temp1);
    //如果数组长度大于2 则截取前2个   
    if (row.length > 2) {
      // console.log(row.length +'2222222222222222222222222222222222222222222222222')
      var rowCut = row.slice(0, 2);

      var rowPart1 = rowCut[1];
      var test1 = "";
      var empty = [];
      for (var a = 0; a < rowPart1.length; a++) {
        var ctxTestWidth = ctx.measureText(test1).width
        // console.log('2111111111111111111111111111111111111' + ctxTestWidth)
        if (ctxTestWidth < 206) {
          test1 += rowPart1[a];
        } else {
          break;
        }
      }
      empty.push(test1);

      var group = empty[0] + "..." //这里只显示两行，超出的用...表示   

      rowCut.splice(1, 1, group);

      row = rowCut;

    }

    for (var b = 0; b < row.length; b++) {
      console.log(row.length)
      if (row.length <= 1) {
        // 标题为一行时 位置靠底
        ctx.fillText(row[b], 12, 108 + b * 18, 206); //12左边距 18行间距 206每行的宽度
      } else {
        // 标题为二行时 依次排开
        ctx.fillText(row[b], 12, 90 + b * 18, 206); //12左边距 18行间距 206每行的宽度
      }
    }
    // 解析body 内容 绘制文本步骤生成分享图片有介绍 参见上 canvas2
    var text = app.convertHtmlToText(that.data.detailInfor.body); //这是要绘制的文本2 
    text = text.replace(/[\r\n]/g, "");

    text = text.replace(/&nbsp;/ig, "");
    console.log(typeof(text))
    // console.log(text)  
    var chr = text.split("").splice(0, 240); //这个方法是将一个字符串分割成字符串数组 
    // console.log(chr)
    var temp = "";

    var row2 = [];

    ctx.setFontSize(10) //字体大小

    ctx.setFillStyle("#333333")

    for (var a = 0; a < chr.length; a++) {
      var ctxWidth = ctx.measureText(temp).width
      if (ctxWidth < 202) { //每行超过230个字节就换行

        temp += chr[a];

      } else {

        a--; //这里添加了a-- 是为了防止字符丢失，效果图中有对比 
        row2.push(temp);

        temp = "";

      }

    }
    row2.push(temp);

    //如果数组长度大于8 则截取前8个   
    if (row2.length > 10) {

      var rowCut = row2.slice(0, 10);

      var rowPart2 = rowCut[9];

      var test = "";

      var empty = [];

      for (var a = 0; a < rowPart2.length; a++) {
        var ctxTextWidth = ctx.measureText(test).width
        if (ctx.measureText(test).width < 202) {

          test += rowPart2[a];

        } else {

          break;

        }

      }

      empty.push(test);

      var group = empty[0] + "..." //这里只显示两行，超出的用...表示   

      rowCut.splice(9, 1, group);

      row2 = rowCut;

    }

    for (var b = 0; b < row2.length; b++) {

      ctx.fillText(row2[b], 12, 146 + b * 16, 328); //10左边距 15行间距 100每行的宽度

    }
    //绘制介绍
    ctx.setFontSize(8);

    ctx.setFillStyle('#666666');

    ctx.fillText('长按小程序码查看详情', 103, 348);

    ctx.fillText('分享自「健康界」', 103, 366);


    ctx.draw()

  }, 1000),




  // 关闭海报弹窗
  closePostImg() {
    this.setData({
      postHidden: false
    })
  },
  // 绘制圆角矩形
  roundRect(ctx, x, y, w, h, r) {
    // 开始绘制
    ctx.beginPath()
    // 因为边缘描边存在锯齿，最好指定使用 transparent 填充
    // ctx.setFillStyle('transparent')
    // ctx.setStrokeStyle('transparent')
    // 绘制左上角圆弧
    ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5)

    // 绘制border-top
    ctx.moveTo(x + r, y)
    ctx.lineTo(x + w - r, y)
    ctx.lineTo(x + w, y + r)
    // 绘制右上角圆弧
    ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2)

    // 绘制border-right
    ctx.lineTo(x + w, y + h - r)
    ctx.lineTo(x + w - r, y + h)
    // 绘制右下角圆弧
    ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5)

    // 绘制border-bottom
    ctx.lineTo(x + r, y + h)
    ctx.lineTo(x, y + h - r)
    // 绘制左下角圆弧
    ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI)

    // 绘制border-left
    ctx.lineTo(x, y + r)
    ctx.lineTo(x + r, y)

    ctx.fill()
    // ctx.stroke()
    ctx.closePath()
    // 剪切
    ctx.clip()

  },

  // 保存到相册
  savetup: function() {

    var that = this;

    wx.canvasToTempFilePath({ //保存到相册
      canvasId: 'myCanvas',
      fileType: 'png',
      success: function(res) {
        console.log(res.tempFilePath);
        that.setData({
          finishImg: res.tempFilePath
        })

        wx.saveImageToPhotosAlbum({

          filePath: that.data.finishImg,

          success(res) {

            wx.showModal({

              title: '保存成功',

              content: '图片成功保存到相册了，去看看吧~',

              showCancel: false,

              confirmText: '好的',     //保存文案

              confirmColor: '#20b429', //保存文案颜色

              success: function(res) {

                if (res.confirm) {

                  console.log('用户点击确定');

                }

              }

            })

          }

        })

      },

      fail: function(res) {

        console.log(res)

      }

    })
  },

  myCatchTouch: function() {
    return
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    console.log('onshow')




  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    // console.log(123)
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },
  /**
   * 用户点击右上角分享
   */

  //转发
  onShareAppMessage: function(res) {
    console.log(wx.getStorageSync('shareImgSrc'))
    // console.log(res)
    var that = this;
    let hid = wx.getStorageSync('articleid');            //转发当前文章id
    that.data.comeIndex = wx.getStorageSync('comeIndex') //转发当前文章下标
    console.log(that.data.comeIndex)
    console.log(hid)

    if (res.from === 'button') {
      console.log("来自页面内转发按钮");
      console.log(res.target);
      let hid = wx.getStorageSync('articleid');
      console.log(hid)

      return {
        title: that.data.detailInfor.title,
        path: "/pages/news-detail/news-detail?article_id=" + hid + '&page=' + that.data.comeIndex,//转发路径为跳转详情页路径
        imageUrl: wx.getStorageSync('shareImgSrc'),//准发图片为canvas生成分享图片
        success: function(res) {
          console.log("转发成功");
          wx.showShareMenu({
            withShareTicket: true                // 要求小程序返回分享目标信息
          })
        },
        fail: function(res) {

          console.log("转发失败")
        }
      }
    } else {
      console.log("来自右上角转发菜单")
      let hid = wx.getStorageSync('articleid');
      console.log(hid)

      return {
        title: that.data.detailInfor.title,

        path: "/pages/news-detail/news-detail?article_id=" + hid + '&page=' + that.data.comeIndex,
        imageUrl: wx.getStorageSync('shareImgSrc'),
        success: function(res) {
          console.log("转发成功");
          wx.showShareMenu({
            withShareTicket: true
          })
        },
        fail: function(res) {

          console.log("转发失败")
        }
      }
    }


    return {
      title: that.data.detailInfor.title,

      path: "/pages/news-detail/news-detail?article_id=" + hid + '&page=' + that.data.comeIndex,
      imageUrl: wx.getStorageSync('shareImgSrc'),
      success: function(res) {
        console.log("转发成功");
        wx.showShareMenu({
          withShareTicket: true
        })
        wx.removeStorageSync('shareImgSrc')
      },
      fail: function(res) {

        console.log("转发失败")
      }
    }
  },
})